<template>
    <div style="display: flex;height: 100%;">
        <SideBar :groupSettings='groupSettings'  class="fl"></SideBar>
        <div  class="config-wapper fr">
            <keep-alive>
                <router-view></router-view>
            </keep-alive>
        </div>
    </div>
</template>

<script lang="ts">
import SideBar from '@/common/views/sideBar/index.vue'
import { Component, Vue } from 'vue-property-decorator'
@Component({
  name: 'config',
  components: { SideBar }
})
export default class Config extends Vue {
  private groupSettings = {
    organization: {
      title: '组织机构'
    },
    call_center: {
      title: '呼叫中心'
    },
    im_center: {
      title: '在线客服',
      groupSettings: {
        qdgl: {
          title: '渠道管理'
        }
      }
    },
    after_sales: {
      title: '售后云'
    },
    customer_config: {
      title: '客户管理'
    },
    customer_setting: {
      title: '工单设置'
    },
    system_setting: {
      title: '系统设置'
    },
    company_setting: {
      title: '企业自助配置'
    }
  }
}
</script>

<style lang="stylus" scoped>
    .config-wapper
        width calc(100vw - 262px)
        height 100%
        flex 1
        padding-left 16px
    .navMenuState .config-wapper
        width calc(100vw - 314px)
</style>
